<template>
	<view>
		<view class="gui-margin-top">
			<gui-box-banner background="#F8F8F8" :items="items" @taped="taped"></gui-box-banner>
		</view>

		<view class="gui-margin-top" style="margin-left: 20rpx;">
			<text class="gui-h6 gui-color-red gui-bold">可提现金额：￥{{tixian_money}}</text>
		</view>

		<view class="gui-margin-top-large gui-flex gui-rows gui-nowrap gui-justify-content-end"
			style="margin-right: 40rpx;">
			<button type="default" class="gui-button gui-bg-blue" style="width:200rpx;" formType="submit">
				<text class="gui-icons gui-color-white gui-button-text">全部提现</text>
			</button>
			<button type="default" class="gui-button gui-bg-green" style="width:200rpx;margin-left: 20rpx;" formType="submit" >
				<text class="gui-icons gui-color-white gui-button-text">部分提现</text>
			</button>
		</view>

		<view class="gui-margin-top" style="width: 90%;margin-left: 20rpx;">
			<navigator class="gui-list-items">
				<text class="gui-list-icon gui-icons gui-color-blue">&#xe612;</text>
				<view class="gui-list-body gui-border-b">
					<view class="gui-list-title">
						<text class="gui-list-title-text gui-primary-color gui-list-one-line gui-ellipsis"
							style="width:320rpx; height:60rpx;">八球订单1小时</text>
					</view>
				</view>
				<text class="gui-list-arrow-right gui-icons gui-bold gui-color-green" style="width: 100rpx;">+￥70</text>
			</navigator>
			<navigator class="gui-list-items">
				<text class="gui-list-icon gui-icons gui-color-blue">&#xe612;</text>
				<view class="gui-list-body gui-border-b">
					<view class="gui-list-title">
						<text class="gui-list-title-text gui-primary-color gui-list-one-line gui-ellipsis"
							style="width:320rpx; height:60rpx;">助教订单1小时</text>
					</view>
				</view>
				<text class="gui-list-arrow-right gui-icons gui-bold gui-color-green" style="width: 100rpx;">+￥70</text>
			</navigator>
			<navigator class="gui-list-items">
				<text class="gui-list-icon gui-icons gui-color-blue">&#xe612;</text>
				<view class="gui-list-body gui-border-b">
					<view class="gui-list-title">
						<text class="gui-list-title-text gui-primary-color gui-list-one-line gui-ellipsis"
							style="width:320rpx; height:60rpx;">助教订单1小时</text>
					</view>
				</view>
				<text class="gui-list-arrow-right gui-icons gui-bold gui-color-green" style="width: 100rpx;">+￥70</text>
			</navigator>
			<navigator class="gui-list-items">
				<text class="gui-list-icon gui-icons gui-color-blue">&#xe612;</text>
				<view class="gui-list-body gui-border-b">
					<view class="gui-list-title">
						<text class="gui-list-title-text gui-primary-color gui-list-one-line gui-ellipsis"
							style="width:320rpx; height:60rpx;">助教订单1小时</text>
					</view>
				</view>
				<text class="gui-list-arrow-right gui-icons gui-bold gui-color-green" style="width: 100rpx;">+￥70</text>
			</navigator>
		</view>

	</view>

</template>

<script>
	export default {
		data() {
			return {
				tixian_money: 3500,
				items: [
					[4000, '元', '当月收入'],
					[200, '元', '今日收入'],
					[200, '元', '日平均收入'],
				]
			}
		},
		methods: {
			taped: function(idx) {
				console.log(idx);
			}
		}
	}
</script>

<style>
</style>